首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏每月技术成长

    Remark js Markdown + Latex 渲染

    ';import remarkGfm from 'remark-gfm';import remarkMath from 'remark-math';import type { Pluggable } from normalizedRemarkPlugins, ].filter(Boolean) as Pluggable[];由上述代码可见 Lobe UI 的混合 Latex 的 Markdown 渲染是基于 remark js 实现的。 而进一步深入 remark-math 库,可发现其仅支持 $$ 、$ 格式的 Latex 文本,因此想要实现对\(\)、\[\] 格式的 Latex 支持,只能对其进行预处理,通过正则匹配的形式将\(\ )、\[\] 转换为 $ 、$$,实现此功能的正则表达式并不复杂,要求编程助手生成即可,prompt 如下生成 js 代码,实现以下功能1.

    39600编辑于 2025-05-15
  • 来自专栏Python程序员杂谈

    MarkDown to Slide with Remark.js

    ] .right-column[ 之前其实有一个工具叫做reveal.js,之前用过,印象中有点复杂。 于是搜索了下"markdown to slide",于是找到remark.js,主页就是一个slide,查看下源码发现里面直接是markdown格式的,这简直太好了,意味着我的md文件可以直接放进去。 ] 定制remark.js 代码用Python写有点简单,想来最近一直在跟js打交道,于是用node来写: //slide_it.js var fs = require('fs'); var template 基本使用 node slide_it.js markdown-to-slide.md // 会生成markdown-to-slide.html文件 页面也很容易定制,比如前面的两列的处理就是 .left-column class:center,middle End 演示链接 [Power by Remark.js]

    1.7K20发布于 2019-03-01
  • 来自专栏编程技术向北,人生删除指南

    能动手绝不多说:开源评论系统remark42上手指南

    self-hosted node app for Disqus-like drop-in commenting on static websites https://schnack.cool/ Node js 页面插入 script <script> var remark_config = { host: "REMARK_URL", // hostname of remark server, same + "/web/" + c[i] + ".js"; s.defer = true; (d.head || d.body).appendChild(s); } })( 新建 remark42.swig,贴入 script 代码 <script> var remark_config = { host: "你部署的remark42 服务", // hostname + '/web/' +c[i] +'.js'; s.defer = true; (d.head || d.body).appendChild(s); } })(remark_config.components

    1.8K30发布于 2020-08-06
  • 来自专栏随意记录

    Gatsby: 代码高亮

    安装插件 npm install --save gatsby-transformer-remark gatsby-remark-highlight-code @deckdeckgo/highlight-code 配置插件 在 gatsby-config.js 中添加: // In your gatsby-config.js plugins: [ { resolve: `gatsby-transformer-remark `, options: { plugins: [ { resolve: `gatsby-remark-highlight-code` }, ], }, }, ] 运行时加载插件 对于 gatsby-starter-blog,在 src/templates/blog-post.js 的 BlogPostTemplate 效果:https://aping-dev.com/gatsby-highlight-code/ [image.png] 参考 gatsby-remark-highlight-code

    1.8K30发布于 2020-01-04
  • 来自专栏fanzhh的技术笔记

    使用Sqlite3+Express.js+React实现在线答题(上)

    将word格式的题库转为txt格式,导入至sqlite3中,使用Express.js做服务端提供json格式数据,使用React做前端获取服务端数据。 [6],q[7])) i=i+1 conn.commit() // 提交 使用express.js 输入以下内容: { "name": "express-sqlite3", "version": "1.0.0", "description": "", "main": "restapi.js node-sqlite3/tarball/master" }, "devDependencies": {}, "scripts": { "start": "node restapi.js 新建restapi.js文件,输入以下内容: var sqlite3 = require('sqlite3').verbose(); var db = new sqlite3.Database('db/

    2.8K30发布于 2019-08-20
  • 来自专栏西安-晁州

    vue.js学习之入门实例

    之前一直看过vue.js官网api,但是很少实践,这里抽出时间谢了个入门级的demo,记录下一些知识点,防止后续踩坑,牵扯到的的知识点:vue、vue-cli、vue-router、webpack等。 直接依次执行: cd tll npm i npm run dev 这样,一个自动配置好的vue项目便运行起来了,包含热更新、自动校验等,当然这些配置在build文件夹下的webpack.base.conf.js top-menu li { float: left; width: 100px; } </style> 5、创建详细路由配置 在src根目录下直接新建文件router.js "UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.<em>js</em> "></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/<em>js</em>/bootstrap.min.<em>js</em>"></script>

    1.6K00发布于 2017-12-26
  • 来自专栏ASP.NET MVC5 后台权限管理系统

    构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(10)-系统菜单栏[附源码]

    下载wdtree插件,我这里提供下载,我以前下载的wdtree不是很好用(不知道现在有没有新版本),但是我重新对这个插件进行修复,很符合菜单的操作, wdtree修复版下载 解压后,把js文件放到Scripts 200) NULL,--链接 [Iconic] [varchar](200) NULL,--图标,用于链接图标,或tab页图标 [Sort] [int] NULL,--排序 [Remark RightManage','SysUser',NULL,1,NULL,1,'Administrator','10 1 2012 12:00AM',1,NULL) 我们表里有数据了 回到前端页面,引入wdtree js <script src="~/Scripts/jquery.tree.<em>js</em>"></script> <link href="~/Content/tree/css/tree.css" rel="stylesheet " /> </head>  添加以下代码js代码到home.js下面 $(function () { var o = { showcheck: false, url

    1.4K90发布于 2018-01-16
  • 来自专栏子勰随笔

    开发中常用的文档管理、云端笔记等效率工具介绍

    :主要介绍Markdown 中表格使用遇到的问题以及关于boostnote的简单介绍 链接:http://blog.bihe0832.com/markdow_advanced.html 基于remark.js 使用Markdown实现的在线PPT 概述:主要介绍基于remark.js实现的在线PPT展示模板,所有的PPT内容通过Markdown实现,更多是用来炫技 链接:http://blog.bihe0832 .com/remark.js.html 基于mdwiki使用Markdown实现的wiki 概述:主要介绍基于mdwiki和bootstrap实现的markdown编辑内容的js wiki框架的使用 ,比较适合对外文档 链接:http://blog.bihe0832.com/remark.js.html 浏览器内容管理 这两个工具在另一篇关乎chrome插件的文章中也有说明,这里因为感觉和效率关系比较大

    1.5K50发布于 2018-05-22
  • 来自专栏前端达人

    动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)

    ) 阅读: 10 分钟 大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的 要将 MD 文档格式化成网页的形式,我们还需要安装 remarkremark-html 这两个npm 插件,安装命令如下: npm i front-matter remark remark-html import { promises as fsp } from 'fs'; import path from 'path'; import fm from 'front-matter'; import remark from 'remark'; import remarkhtml from 'remark-html'; import * as dateformat from '. fsp.stat(file), data = await fsp.readFile(file, 'utf8'), matter = fm(data), html = (await remark

    1.2K30发布于 2021-04-22
  • 来自专栏前端达人

    动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)

    大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的 Next.js 项目,学会了如何基于模板创建简单的页面 要将 MD 文档格式化成网页的形式,我们还需要安装 remark 和  remark-html 这两个npm 插件,安装命令如下: npm i front-matter remark remark-html import { promises as fsp } from 'fs'; import path from 'path'; import fm from 'front-matter'; import remark  from 'remark'; import remarkhtml from 'remark-html'; import * as dateformat from '. fsp.stat(file),     data = await fsp.readFile(file, 'utf8'),     matter = fm(data),     html = (await remark

    2.1K11发布于 2021-04-11
  • 来自专栏销声匿迹

    Vue2.0 + Element-UI + WebAPI实践:简易个人记账系统

    路由部分对应JS代码: const router = new VueRouter({ routes: [ { name: "manifests", path: "/manifests 组件完整定义: /// <reference path="index.<em>js</em>" /> /// <reference path="vue.<em>js</em>" /> /// <reference path="vue-resource.<em>js</em> " /> /// <reference path="util.<em>js</em>" /> const Manifests = { template: "#manifests", created: function

    这里关于事件处理绑定,官网推荐简写的@click,但这里没有采用,而是使用了完整绑定V-on:click,因为考虑到以后可能会和Razor整合,@符可能会冲突 查询JS current-change="pageIndexChange"> </el-pagination>   如上所示,直接使用了饿了么分页组件,设置几个属性, 再绑定几个JS

    1.1K10发布于 2020-09-03
  • 来自专栏私人订制

    Emlog文章页加入新的参数并写入数据库

    如想实现点击《保存》也能实现保存的话,请按下面的方法,找到根目录admin/views/js/common.js中找到 editorMap['content'].sync(); 'y' : 'n'; var allow_remark = $("#post_options #allow_remark").attr("checked") == 'checked' ? ="+allow_remark +"&allow_tb="+allow_tb +"&password="+password 'y' : 'n'; var allow_remark = $("#post_options #allow_remark").attr("checked") == 'checked' ? ="+allow_remark +"&allow_tb="+allow_tb +"&password="+password

    55320编辑于 2023-05-10
  • 来自专栏一枝花算不算浪漫的专栏

    [Java面试十]浏览器跨域问题.

    根据上面的分析,很容易想到:利用js构造一个script标签,把json的url赋给script的scr属性,把这个script插入到dom里,让浏览器去获取。 原来用script标签加载完后,会立即 把响应当js去执行,很明显{"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"}不是合法的js语句。 如果存在jsonpcallback这个方法,那么jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})就是合法的js语句。 200OK,服务器返回jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的 东方"}),我们也写了jsonpcallback方法,当然会执行 jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})

    1.6K190发布于 2018-05-18
  • 来自专栏python3

    一次爬虫实践记录

    这里面有个坑,就是我先用了session的方法来试图解决问题,但是怎么试都总是失败,反复查询后发现发现数据中心是用node.js来写的,而这样的网页用的是token来验证身份,session()那套行不通 最后我在头信息中发现authorization,直接粘到headers的信息才解决问题的; 查看网页源代码,如果你需要的信息不在源代码中,那就说明要找的内容在JS文件中,在开发者模式下找到Network 中的XHR或者JS,里面一般都会有某个JS文件包含你要的信息(header包含头信息,preview包含要爬取的信息,最上面的request URL则是要爬取内容所需要的网址信息)。 ' in json_data.keys(): remark = json_data['remark'] else: remark = '' 'trades'] writer.writerow([user_id,wechat,nickname,majia,phone,address,name,tag,parentInfo,remark

    82430发布于 2020-01-03
  • 来自专栏向治洪

    jsoup详解

    根据上面的分析,很容易想到:利用js构造一个script标签,把json的url赋给script的scr属性,把这个script插入到dom里,让浏览器去获取。 原来用script标签加载完后,会立即 把响应当js去执行,很明显{"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"}不是合法的js语句。 如果存在jsonpcallback这个方法,那么jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})就是合法的js语句。 200OK,服务器返回jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的 东方"}),我们也写了jsonpcallback方法,当然会执行 jsonpcallback({"Email":"zhww@outlook.com","Remark":"我来自遥远的东方"})

    2K90发布于 2018-01-30
  • 来自专栏西安-晁州

    thinkjs crud练习

    "></script> <script type="text/javascript" src="/static/<em>js</em>/moment.<em>js</em>"></script> <script src=" /static/lib/jquery-file-upload/<em>js</em>/vendor/jquery.ui.widget.<em>js</em>"></script> <script src="/static/lib/ jquery-file-upload/<em>js</em>/jquery.iframe-transport.<em>js</em>"></script> <script src="/static/lib/jquery-file-upload /<em>js</em>/jquery.fileupload.<em>js</em>"></script> </head> <body>

    </textarea>

    1.7K00发布于 2017-12-26
  • 来自专栏云计算linux

    Ext基础

    本章将讲解Ext JS的发展及其特点,了解Ext JS的含义、熟悉 Ext JS开发环境,并在此基础上实现Ext绚丽效果。然后,详细讲解 Ext表格。 其中,ext-base.js 表示框架基础库,ext-all.js是 Ext JS 的核心库。 ', 'boy', '9/1 12:00am', '人民路', '0002remark'], ['0003', '王五', 'boy', '9/1 12:00am', '大学路', '0003remark ', '9/1 12:00am', '人民路', '0002remark'], ['0003', '王五', 'boy', '9/1 12:00am', '大学路', '0003remark'], n Ext 的JS库文件主要包含 adapter/ext/ext-base.js 和 ext-all.js

    2.6K10编辑于 2024-12-17
  • 来自专栏CSDN

    CodeMirror 基础配置指南

    --引入js,sublime--> <script th:src="@{/codemirror-5.65.11/keymap/sublime.<em>js</em>}"></script> <! /fold/brace-fold.js}"></script> <script th:src="@{/codemirror-5.65.11/addon/fold/comment-fold.<em>js</em>}"></ --js高亮--> <script th:src="@{/codemirror-5.65.11/mode/javascript/javascript.<em>js</em>}"></script> <! ; return false; } var remark = $("#remark").val(); if (remark == "" || remark == undefined) { $.modal.alertWarning("请添加备注!")

    1.1K10编辑于 2024-03-29
  • 来自专栏向治洪

    客户端的web技术

    客户端通过XMLHTTPRequest这个浏览器著名的实例, 和服务端交互, 然后把数据拿回来, JS能做到 3. 客户端开始通过DOM进行展示. 展示非常灵活, 你想把文本变成红的绿的, 都行, 同样JS也能做到 4. 很显然,  JS在处理请求的时候, 还处理了HTML的UI,  也就是逻辑和UI的揉合. ,"type":-1,"remark":"优美英文"},{"eng":"Every hour of lost time is a chance of future misfortune." ,"type":-1,"remark":"优美英文"}]} 目标: 1. 生成两个页面, 将上述JSon数据进行展示 2.  分离UI处理和逻辑处理, 采用先分层、后模块化的方式.   接下来要做的工作, 就是显示一个页面: 测试链接如下: Ajax测试链接 可以输入任意单词进行测试 js源码

    92290发布于 2018-01-29
  • 来自专栏IT架构圈

    「小程序JAVA实战」小程序通用模板的使用(17)

    模板的定义就是为了让我们的页面可以享受一些公用话的模板,模板可以我们当成js里面定义的通用方法,我们需要这些通用的模板的时候,只需要调用这些模板就可以了,并且模板也提供一些参数。 mytemp"> <view>姓名:{{name}}</view> <view>年龄:{{age}}</view> <view>地址:{{address}}</view> <view>备注:{{remark /> <template is="mytemp" data="{{...person,msg,name:'limng',age:'永远18岁'}}" /> </view> templateIs.js //templateIs.js //获取应用实例 const app = getApp() Page({ data: { person: { address: "公众号:编程坑太多 ", remark: "个人主页:www.idig8.com" }, msg: "感谢关注,收藏!"

    1.7K30发布于 2018-12-24
  • 领券